@import "../../less/@name";

.productList{
  flex-wrap: wrap;
  li{
    background: @bg-white;
    flex-direction: column;
    width:50%;
    a{
      height:0;
      padding-bottom: 100%;
    }
    p{
      padding: 0.5em 1em;
      font-size:@font-size-p;
      i{
        color: @color-main-1;
      }
      span{
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
        line-height: 1.4em;
      }
    }
    div{
      padding:0 1em 0.5em 1em;
      display: flex;
      align-items: center;
      span{
        span{
          font-size: @font-size-t;
          color: @color-main-1;
        }
      }
      &>label{
        padding-left: 1em;
        text-decoration: line-through;
        span{
          color: @font-color-gray;
        }
      }
    }
  }
  li:nth-of-type(odd){
    box-sizing: border-box;
    border-top: 1px solid @line;
    border-right: 1px solid @line;
  }
  li:nth-of-type(even){
    box-sizing: border-box;
    border-top: 1px solid @line;
  }
}